.sidebar{
	position: fixed;
	width: 50px;
	background:#555;
	left:0;
	top:64px;
	height: calc(100% - 64px);
	transition: width 300ms;
	&.open{
		width: 256px;
		.header-btns{
			i:global(.fa){
				transform: rotate(180deg);
			}
		}
		
	}
	.header-btns{
		margin-bottom: 0.5em;
		cursor: pointer;
		text-align: right;
		a{
			background:#666;
			text-align: center;
			display: inline-block;
			color:#fff;
			height: 50px;
			width: 50px;
			line-height: 50px;
			font-size: 25px;
			&:hover{
				background:#999;
			}

		}
	}
}
